<template>
  <div id="app">
    <my-table :list="list">
      <template v-slot="scope" >
        <a href="scope.row.headImgUrl">
          <img :src="scope.row.headImgUrl" alt="">
        </a>
      </template>
    </my-table>
  </div>
</template>

<script>
// 1.引入组件
import MyTable from "./components/MyTable.vue";

// 2.注册组件
export default {
  components: {
    MyTable,
  },
  data() {
    return {
      list: [
        {
          name: "小传同学",
          age: 18,
          headImgUrl:
            "http://yun.itheima.com/Upload/./Images/20210303/603f2d2153241.jpg",
        },
        {
          name: "小黑同学",
          age: 25,
          headImgUrl:
            "http://yun.itheima.com/Upload/./Images/20210304/6040b101a18ef.jpg",
        },
        {
          name: "智慧同学",
          age: 21,
          headImgUrl:
            "http://yun.itheima.com/Upload/./Images/20210302/603e0142e535f.jpg",
        },
      ],
    };
  },
};
</script>

<style lang="less" scoped>
</style>